<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Brum Polo</title>
	 <link rel="stylesheet" href="../jquery.mobile/jquery.mobile-1.0b2.css" type="text/css" charset="utf-8" />
	 <link rel="stylesheet" href="../css/brumpolo.css" type="text/css" charset="utf-8" />
	  <!-- <link rel="stylesheet" href="pgandjqm-style-override.css" type="text/css" charset="utf-8" />  -->
	  <script type="text/javascript" src="../jquery.mobile/jquery-1.6.2.min"></script>
	  <script type="text/javascript" charset="utf-8" src="../phonegap-1.0.0.js"></script>
	  <script src="../jquery.mobile/jquery.mobile-1.0b2.js"></script>
	  <script type="text/javascript" charset="utf-8" src="../main.js"></script>
	  <script type="text/javascript" charset="utf-8" src="../js/brumpolo.js"></script>
  
	<!-- CDN Respositories: For production, replace lines above with these uncommented minified versions -->
	<!-- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />-->
	<!-- <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>-->
	<!-- <script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>-->
</head>
<body>
	<div data-role="page" data-theme="b" id="home" class="bg">		
	    <div data-role="content">
	    	<h2 id="banner">University of Birmingham Polo Club</h2>
	        <div data-role="content"> 
	            <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> 
	                <li data-role="list-divider">Menu</li> 
	                <li><a href="notifications.html">
	                		<img src="../images/icon/19-gear.png" alt="Facebook" class="ui-li-icon ui-li-thumb ui-corner-tl">
	                		Notifications</a>
	                		<span class="ui-li-count">5</span></li> 
	                <li><a href="#">
	                		<img src="../images/icon/facebook.png" alt="Facebook" class="ui-li-icon ui-li-thumb ui-corner-tl">
	                		Facebook Feeds</a></li> 
	                <li><a href="tweets.html">
	                		<img src="../images/icon/twitter.png" alt="Tweets" class="ui-li-icon ui-li-thumb ui-corner-tl">
	                		Live Tweets</a></li> 
	                <li><a href="#">
	                		<img src="../images/icon/28-star.png" alt="About" class="ui-li-icon ui-li-thumb ui-corner-tl">
	                		About</a>
	                		<ul>
	                			<li><a href="about/about.html">About the Club</a></li>
	                			<li><a href="about/get-involved.html">Getting Involved</a></li>
	                			<li><a href="about/committee.html">Committee Members</a></li>
	                			<li><a href="about/contact.html">Contact</a></li>
	                			<li data-icon="back" data-iconpos="notext"><a href="index.html">Back</a></li>
	                		</ul>
	                		</li>
	                <li><a href="#">
	                		<img src="../images/icon/83-calendar.png" alt="News" class="ui-li-icon ui-li-thumb ui-corner-tl">
	                		Events</a></li>
	                <li><a href="#">
	                		<img src="../images/icon/166-newspaper.png" width="25px" alt="News" class="ui-li-icon ui-li-thumb ui-corner-tl">
	                		News</a></li>
	                <li><a href="#">
	                		<img src="../images/icon/112-group.png" width="26px" height="22px" alt="News" class="ui-li-icon ui-li-thumb ui-corner-tl">
	                		Members</a></li>
	            </ul> 
	        </div>
	    </div>
	    <div data-role="footer" data-theme="b" class="ui-bar">
	    	&copy 2012 UBPC.
	    </div>
	</div>
</body>
</html>